<%@ page language="java" import="java.util.*" contentType="text/html; charset=UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<c:set var="basePath" value="${pageContext.request.contextPath}" />
<html>
	<head>
		<title>客户评价</title>
		<meta http-equiv="content-Type" content="text/html;charset=UTF-8">
        <link href="${basePath }/tabs/tab2.css" type="text/css" rel="stylesheet"/>
       
       
		<style type="text/css">
.starWrapper {
	border: 1px solid #FFCC00;
	padding: 5px;
}
#star_ul li{
width:300px;
padding:5px;
list-style-type:none;
}
</style>

<script type="text/javascript">

</script>

		<script type="text/javascript">

function rate(obj,oEvent){
//==================
// 图片地址设置
//==================
var imgSrc = "${basePath}/tabs/images/icon_star_1.gif";
var imgSrc_2 = "${basePath}/tabs/images/icon_star_2.gif";
//---------------------------------------------------------------------------


if(obj.rateFlag) return;
var e = oEvent || window.event;
var target = e.target || e.srcElement; 
var imgArray = obj.getElementsByTagName("img");
for(var i=0;i<imgArray.length;i++){
   imgArray[i]._num = i;
   imgArray[i].onclick=function(){
    if(obj.rateFlag) return;
    obj.rateFlag=true;
   // alert(obj.id+"_c")
    document.getElementById(obj.id+"_c").value=this._num+1;
    //alert(document.getElementById(obj.id+"_c").value);
   };
}
if(target.tagName=="IMG"){
   for(var j=0;j<imgArray.length;j++){
    if(j<=target._num){
     imgArray[j].src=imgSrc_2;
    } else {
     imgArray[j].src=imgSrc;
    }
   }
} else {
   for(var k=0;k<imgArray.length;k++){
    imgArray[k].src=imgSrc;
   }
}
}

</script>
	</head>
	<body>
		<table>
			<tr align="left">
				<td colspan="4">
					<IMG src="${basePath }/tabs/images/home.gif">
					您的位置：表报管理&gt;&gt;客户评价&gt;&gt;客户评分
				</td>
			</tr>
		</table>
		<br />
		<form action="comment!doAdd.action" method="post" id="evaluateForm">
		<input type="hidden" name="tatalScore" value="0"  id="tatalScore_c"/>
		<input type="hidden" name="sheduleScore" value="0"  id="sheduleScore_c"/>
		<input type="hidden" name="qualityScore" value="0"  id="qualityScore_c"/>
		<input type="hidden" name="communicationScore" value="0"  id="communicationScore_c"/>
		
		<input type="hidden" name="projectId" value="${projectId}"/>
		<table border="1" id="name">
			<tr>
				<td width="40%">
					感谢你长期来对我们本项目的关心和支持，请您对我们的工作给予打分并留下意见
				</td>
				<td width="50%">
					<ul id="star_ul">
						<li>
							总体评价：&nbsp;
							<span  onmouseover="rate(this,event)" id="tatalScore">
								<img src="${basePath }/tabs/images/icon_star_1.gif" title="很烂" /> <img
									src="${basePath }/tabs/images/icon_star_1.gif" title="一般" /> <img
									src="${basePath }/tabs/images/icon_star_1.gif" title="还好" /> <img
									src="${basePath }/tabs/images/icon_star_1.gif" title="较好" /> <img
									src="${basePath }/tabs/images/icon_star_1.gif" title="很好" /> </span>
						</li>
						<li>
							进度评分：&nbsp;
							<span  onmouseover="rate(this,event)" id="sheduleScore">
								<img src="${basePath }/tabs/images/icon_star_1.gif" title="很烂" /> <img
									src="${basePath }/tabs/images/icon_star_1.gif" title="一般" /> <img
									src="${basePath }/tabs/images/icon_star_1.gif" title="还好" /> <img
									src="${basePath }/tabs/images/icon_star_1.gif" title="较好" /> <img
									src="${basePath }/tabs/images/icon_star_1.gif" title="很好" /> </span>
						</li>
						<li>
							质量评分：&nbsp;
							<span  onmouseover="rate(this,event)" id="qualityScore">
								<img src="${basePath }/tabs/images/icon_star_1.gif" title="很烂" /> <img
									src="${basePath }/tabs/images/icon_star_1.gif" title="一般" /> <img
									src="${basePath }/tabs/images/icon_star_1.gif" title="还好" /> <img
									src="${basePath }/tabs/images/icon_star_1.gif" title="较好" /> <img
									src="${basePath }/tabs/images/icon_star_1.gif" title="很好" /> </span>
						</li>
						<li>
							沟通评分：&nbsp;
							<span  onmouseover="rate(this, event)" id="communicationScore"> 

								<img src="${basePath }/tabs/images/icon_star_1.gif" title="很烂" /> <img
									src="${basePath }/tabs/images/icon_star_1.gif" title="一般" /> <img
									src="${basePath }/tabs/images/icon_star_1.gif" title="还好" /> <img
									src="${basePath }/tabs/images/icon_star_1.gif" title="较好" /> <img
									src="${basePath }/tabs/images/icon_star_1.gif" title="很好" /> </span>
						</li>
					</ul>

				</td>
			</tr>


			<tr>
				<td colspan="4" align="left">
					意见与建议
				</td>

			</tr>
			<tr>
				<td colspan="4">
					<textarea name="commentContent" rows="4" style="width: 100%"></textarea>
				</td>

			</tr>
			<tr>
				<td colspan="4">

					<input type="submit" value="提交" class="type" style="width: 50px" />

				</td>

			</tr>
		</table>
		
		</form>
	</body>
</html>
